.inbiz-comp-permission {
  height: 100%;
  display: flex;
  flex-direction: column;

  .inbiz-BizBody {
    flex: 1;
    overflow: hidden;
  }
}

.inbiz-comp-permission-content {
  @border-color: #eee;
  height: 100%;

  .permission-tabs {
    >.ant-tabs-nav {
      margin: 0;
    }
  }

  .ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .ant-tabs-content {
    height: 100%;

    .ant-tabs-nav {
      margin: 0;
      padding-left: 20px;
      border: 1px solid @border-color;
      border-bottom: none;
    }

    .ant-tabs-tab {
      padding: 8px 0;
    }

    .ant-tabs-bottom>.ant-tabs-nav::before,
    .ant-tabs-bottom>div>.ant-tabs-nav::before,
    .ant-tabs-top>.ant-tabs-nav::before,
    .ant-tabs-top>div>.ant-tabs-nav::before {
      border: none;
    }
  }

  .menuTabs {
    height: 100%;

    :global {
      .ant-tabs-bar {
        display: inline-block;
        margin-bottom: 0;
        border-top: 1px solid @border-color;
        border-right: 1px solid @border-color;
        border-bottom: none;
        border-left: 1px solid @border-color;
      }

      .ant-tabs-top-content {
        position: relative;
        top: -5px;
      }

      .ant-tabs-nav .ant-tabs-tab {
        padding-top: 9px;
        padding-bottom: 10px;
      }

      .ant-tree li .ant-tree-node-content-wrapper {
        .ellipsis();
      }

      .ant-tabs .ant-tabs-top-content,
      .ant-tabs .ant-tabs-bottom-content {
        overflow: auto;
      }
    }
  }

  .twoTabs {
    .ant-tabs-bar {
      width: 360px;
    }
  }

  .fourTabs {
    .ant-tabs-bar {
      width: 720px;
    }
  }

  .roleTreeTabs {
    .ant-tabs-bar {
      width: 100%;
    }
  }

  .main {
    display: flex;
    height: 100%;

    // 应用列表
    .appList {
      flex: 0 0 180px;
      width: 180px;
      overflow-y: auto;
      border: 1px solid @border-color;

      ul {
        margin: 0;
        padding: 0;
      }

      li {
        margin-bottom: 1px;
        padding: 0 12px;
        color: #333;
        font-size: 12px;
        line-height: 32px;
        cursor: pointer;
        .ellipsis();

        &:hover {
          background-color: #f5f5f5;
        }

        &.active {
          background-color: #e7f3ff;
        }
      }
    }

    // 树列表
    .treeList,
    .userTreeList,
    .lastTreeList {
      flex: 0 0 180px;
      width: 180px;

      .ant-tree li {
        margin-bottom: 1px;
        padding: 0;
      }

      .ant-tree-title {
        color: #333;
      }

      .ant-tree-switcher-icon {
        margin-top: 11px;
        color: rgb(170, 170, 170);
      }

      .ant-tree-node-content-wrapper.ant-tree-node-selected,
      .ant-tree-node-content-wrapper {
        height: 32px;
        color: #333;
        line-height: 32px;
        .ellipsis();
      }

      .ant-tree-directory .ant-tree-treenode-selected::before,
      .ant-tree-directory .ant-tree-treenode-selected:hover::before {
        height: 32px;
        color: #333;
        background: #e7f3ff;
        transition: none;
      }

      .spindiv {
        position: absolute;
        top: 50%;
        left: 50%;
        margin: 0;
        transform: translate(-50%, -50%);
      }
    }

    .lastTreeList {
      position: relative;
      flex: 1;
      border: 1px solid @border-color;
      border-left: none;
      overflow: hidden auto;

      .ant-tree-checkbox {
        margin-top: 8px;
      }

      .ant-tree-switcher-noop::after {
        display: none !important;
        content: '' !important;
      }

      .ant-empty {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%;
        margin: 0;
      }
    }

    .treeList,
    .userTreeList {
      position: relative;
      overflow-x: hidden;
      overflow-y: auto;
      border: 1px solid @border-color;
      border-left: none;

      .ant-tree {
        font-size: 12px;
      }

      .ant-tree-checkbox {
        margin: 8px 8px 0 0;
      }

      .ant-tree-switcher-noop::after {
        display: block;
        width: 8px;
        height: 8px;
        margin: 12px 0 0 7px;
        border: 2px solid #aaa;
        border-radius: 50%;
        content: '';
      }

      .ant-tree-switcher .ant-tree-switcher-noop .ant-tree li .ant-tree-node-content-wrapper,
      .ant-tree li span.ant-tree-switcher,
      .ant-tree li span.ant-tree-iconEle {
        height: 32px !important;
        line-height: 32px !important;
      }

      .ant-tree li span.ant-tree-checkbox {
        padding: 0;
        vertical-align: bottom;
      }

      .ant-tree-checkbox-checked::after {
        top: 0;
      }
    }

    // 角色树列表
    .userTreeList {
      .ant-tree-checkbox {
        display: none;
      }

      .ant-tree-child-tree .ant-tree-checkbox {
        display: inline-block;

        .ant-tree-checkbox-inner {
          top: 0;
        }
      }
    }

    // 权限
    .iframePerm,
    .permission {
      position: relative;
      top: -34px;
      flex: 1;
      margin-left: 20px;
    }

    .permissinList {
      .ant-table {
        .ant-table-container {
          max-height: 606px;
          overflow-x: auto;
        }
      }

      .ant-table-pagination {
        display: none;
      }

      .inbiz-pagination {
        margin-top: 10px;
        max-height: 615px;
        overflow-x: auto;
      }
    }
  }

  /*  角色权限样式  */
  .role_memberSelect {
    .inbiz-MemberSelect {
      // height: calc(100vh - 205px);

      .inbiz-MemberSelect-leftTree {
        .ant-tree-iconEle {
          vertical-align: middle;
        }

        .ant-tree.ant-tree-directory>li.ant-tree-treenode-selected>span.ant-tree-node-content-wrapper::before,
        .inbiz-MemberSelect-leftTree .ant-tree.ant-tree-directory .ant-tree-child-tree>li.ant-tree-treenode-selected>span.ant-tree-node-content-wrapper::before {
          height: 33px !important;
        }

        .ant-tree.ant-tree-directory>li span.ant-tree-node-content-wrapper::before,
        .ant-tree.ant-tree-directory .ant-tree-child-tree>li span.ant-tree-node-content-wrapper::before {
          height: 33px !important;
        }

        .ant-tree li {
          padding: 0;
        }
      }
    }

    .inbiz-MemberSelect-dataList-active {
      background-color: #e7f3ff;
    }

    .ant-table-placeholder {
      border-bottom: none;
    }

    .ant-tabs-bar {
      margin-bottom: 0;
      border: 1px solid #e8e8e8;
    }

    .ant-table-selection-column span {
      visibility: hidden;
    }

    .inbiz-MemberSelect-dataTable {
      overflow: auto;
    }

    .ant-tabs-tabpane {
      margin-bottom: 0;
    }

    .inbiz-MemberSelect-tab {
      min-width: 600px;
      // height: calc(100vh - 254px);
      border: 1px solid #ddd !important;
    }

    .ant-radio {
      width: 0;
      visibility: hidden;
    }

    .inbiz-MemberSelect-dataList .ant-list-items .ant-list-item-meta {
      padding-left: 0;
    }

    .inbiz-MemberSelect-uniqueSearchBar {
      margin-top: 10px;
      margin-left: 10px;
    }
  }

  .inbiz-MemberSelect-searchBar .ant-input-affix-wrapper,
  .inbiz-MemberSelect-uniqueSearchBar .ant-input-affix-wrapper {
    border-radius: var(--inbiz-border-radius-base);
  }

  .ant-pagination-prev {
    margin-right: 8px;
  }
}